<template>
  <mt-tabbar v-model="selected" fixed v-show="$route.path.indexOf('/prodetail/') ===-1">
    <mt-tab-item>
      <router-link to="/home">
        <span class="myicon myicon-user"></span>
        <p>首页</p>
      </router-link>
    </mt-tab-item>
    <mt-tab-item>
      <router-link to="/category">
        <span class="myicon myicon-user"></span>
        <p>分类</p>
      </router-link>
    </mt-tab-item>
    <mt-tab-item>
      <router-link to="/cart">
        <span class="myicon myicon-key"></span>
        <p>购物车</p>
      </router-link>
    </mt-tab-item>
    <mt-tab-item>
      <router-link to="/user">
        <span class="myicon myicon-user"></span>
        <p>用户中心</p>
      </router-link>
    </mt-tab-item>
  </mt-tabbar>
</template>
<script>
export default {
  data() {
    return {
      selected: ""
    };
  }
};
</script>
<style lang="scss" scoped>
.isActive{
   color:red;
}
</style>
